<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="referrer" content="no-referrer" />
  <title>Document</title>
  <link rel="stylesheet" type="text/css" href="../css/Product.css">
  <link rel="stylesheet" type="text/css" href="../icon/iconfont2/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../icon/iconfont/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../icon/iconfont4/iconfont.css">
  <link rel="stylesheet" type="text/css" href="../icon/iconfont3/iconfont.css">
</head>
<body>
  <div class="box">
    <div class="header">
      <div class="container">
        <div class="left">
          <div class="logo"></div>
          <ul class="nav">
            <li>
              <a href="javaScript:;">首页</a>
            </li>
            <li>
              <a href="./DesignerService.html">设计服务</a>
            </li>
            <li>
              <a href="./Designer.html">设计师</a>
            </li>
         </ul>
        </div>
        <div class="btn">
          <button class="btnFirst">登录</button>
          <button class="btnSecond">注册</button>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="containers">
        <div class="contentLeft">
          <h2>
            <a href="../html/DesignerService.html">设计服务</a>
            》
            <span class="title">美食拍摄，产品拍摄</span>
          </h2>
          <div class="p1">
            <h3>美食拍摄，产品拍摄</h3>
            <div class="cover">
              <!-- <img src="https://muse-img.huaban.com/fe95d04eccf275f07c69ea23d835ef368efe4638867c9a-4bgkqo9u23xr_/fw/880" alt=""> -->
            </div>
          </div>
          <div class="p2">
            <h3>服务说明</h3>
            <div class="desc">
              <!-- <img src="https://muse-img.huaban.com/65310b514fc104035da4c8bb3696b8b923556487e6f94-lz2w57firudi_/fw/820" alt="">
              <p>当数据为文字时候 展示文字</p> -->
            </div>
          </div>
          <div class="p3">
            <h3>预估完成时间</h3>
              <p class="complete_time"></p>
          </div>
        </div>
        <div class="contentRight">
          <div class="r1">
            <h2>
              <p class="price"></p>
              <p>基础服务 了解更多</p>
            </h2>
            <div class="col2">
              <p>
                <span>成交</span>
                <span class="order"></span>
              </p>
              <p>
                <span>评价</span>
                <span class="rating">
                  <!-- <i class="iconfont icon-star active"></i>
                  <i class="iconfont icon-star active"></i>
                  <i class="iconfont icon-star active"></i>
                  <i class="iconfont icon-star active"></i>
                  <i class="iconfont icon-star active"></i> -->
                </span>
              </p>
            </div>
            <div class="btn">
              <button>购买</button>
            </div>
          </div>
          <div class="r2">
            <div class="c1">
              <img  class="avatar" src="https://hbimg.huaban.com/5c4707e65989ac9e4988f96290c8432e8f028a1969c3-bl1UNC_/both/70x70" alt="">
              <p>
                <span class="username">夜猫子塔塔</span>
                <button>
                  <i class="iconfont icon-htmal5icon07"></i>
                  聊天
                </button>
              </p>
            </div>
            <div class="c2">
              <p>
                <span>
                  <i class="iconfont icon-shizhong"></i>
                  平均响应时间
                </span>
                <span class="responseTime"></span>
              </p>
              <p>
                <span>
                  <i class="iconfont icon-mingpian"></i>
                  实名认证
                </span>
                <span>已认证</span>
              </p>
            </div>
            <div class="c3">曾在LKK设计公司任职文创产品设计师，负责文化创意产品设计项目，负责的项目主要有南京科举博物馆吉祥物及衍生品设计、故宫博物院吉祥物及衍生品设计等。 曾获奖项：第二届龙潭杯金箔应用创意设计大赛银奖等</div>
          </div>
          <div class="r3">
            <h3>购买流程</h3>
            <p class="con">
              勾选服务项目进行购买后，填写需求订单，等待设计师确认；设计师确认订单后，需要您再次确认并付款；您的付款将托管在美思平台，只有项目结束后得双方同意后，款项才会转到服务方账号
            </p>
            <p class="p2">
              <span>还有疑问</span>
              <span>
                <a href="">查看帮助文档 |</a>
                <a href="">联系客服</a>
              </span>
            </p>
          </div>
        </div>
      </div>
    </div>
    <div class="foot">
      <div class="label">
        <div class="first">花瓣美思，花瓣网旗下网站</div>
        <div class="second">
          <ul>
            <li>花瓣美思</li>
            <li class="lis"><a href="javaScript:;">关于美思</a></li>
            <li class="lis"><a href="javaScript:;">雇主问题</a></li>
            <li class="lis"><a href="javaScript:;">设计师问题</a></li>
            <li class="lis"><a href="javaScript:;">使用帮助</a></li>
          </ul>
          <ul>
            <li>平台战略合作伙伴</li>
            <li class="lis"><a href="javaScript:;">中华世纪坛创意新媒体联盟</a></li>
            <li class="lis"><a href="javaScript:;">视觉中国</a></li>
            <li class="lis"><a href="javaScript:;">腾讯风铃</a></li>
            <li class="lis"><a href="javaScript:;">ixdc</a></li>
            <li class="lis"><a href="javaScript:;">红星奖</a></li>
          </ul>
          <ul>
            <li>联系与合作</li>
            <li class="lis"><a href="javaScript:;">联系我们</a></li>
            <li class="lis"><a href="javaScript:;">联系客服</a></li>
            <li class="lis"><a href="javaScript:;">微博 @花瓣网</a></li>
            <li class="lis"><a href="javaScript:;">微信</a></li>
          </ul>
          <ul>
            <li>移动客户端</li>
            <li class="lis"><a href="javaScript:;">iOS</a></li>
            <li class="lis"><a href="javaScript:;">Android</a></li>
          </ul>
        </div>
      </div>
      <div class="record">
        <div class="info">
          © Huaban 2021稿定（厦门）信息服务有限公司  |  备案图标互联网安全备案号: 35020602002342  |  备案信息: 闽ICP备2021013850号-2
        </div>
      </div>
    </div>
  </div>
  <script src="../JavaScript/Product.js"></script>
  <script> 
  </script>
</body>
</html>